{{#index}}
<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="nav-close"><i class="fa fa-times-circle"></i>
    </div>
    <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span><div class="default-head-img">${data.sysUser.firstName}</div></span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                               <span class="block m-t-xs"><strong class="font-bold">${data.sysUser.name}</strong></span>
                                <span class="text-muted text-xs block">${data.sysUser.typeTitle}<b class="caret"></b></span>
                                </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="e-modify-password" href="javascript:;">修改密码</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="javascript:;" class="e-logout">安全退出</a>
                        </li>
                    </ul>
                </div>
                <div class="logo-element">H+
                </div>
            </li>

            <js>for(var i=0;i< data.menu.length;i++)</js>
            <js-code>
                    <js>
                    var menu=data.menu[i];
                    if(menu.menu==null &&menu.type==1)
                    </js>
                <js-code>
                      <li class="${menu.class}">
                        <a class="J_menuItem" href="${menu.href}" title="${menu.name}"><i class="fa ${menu.icon}"></i> <span class="nav-label">${menu.name}</span></a>
                    </li>
                </js-code>
                    <js>
                     else
                    </js>
                <js-code>
                        <li class="${menu.class}">
                            <a href="#" class="parent_menu" title="${menu.name}">
                                <i class="fa ${menu.icon}"></i>
                                <span class="nav-label">${menu.name}</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level">
                                <js>for(var j=0;j< menu.menu.length ;j++)</js>
                                    <js-code>
                                    <js>
                                        var menu1=menu.menu[j];
                                        if(menu1.menu==null &&menu1.type==1)
                                    </js>
                                    <js-code>
                                    <li class="${menu1.class} children-show">
                                        <a class="J_menuItem" href="${menu1.href}" title="${menu1.name}"><i class="fa ${menu1.icon}"></i> <span class="nav-label">${menu1.name}</span></a>
                                    </li>
                                    </js-code>
                                    <js>
                                        else
                                    </js>
                                        <js-code>
                                        <li class="${menu1.class}">
                                            <a href="#" class="parent_menu" title="${menu1.name}">
                                                <i class="fa ${menu1.icon}"></i>
                                                <span class="nav-label">${menu1.name}</span>
                                                <span class="fa arrow"></span>
                                            </a>
                                            <ul class="nav nav-third-level collapse in">
                                                <js>for(var k=0;k< menu1.menu.length ;k++)</js>
                                                 <js-code>
                                                    <js>
                                                        var menu2=menu1.menu[k];
                                                        if(menu2.menu==null &&menu2.type==1)
                                                    </js>
                                                     <js-code>
                                                    <li class="${menu2.class}">
                                                        <a class="J_menuItem" href="${menu2.href}" title="${menu2.name}"><i class="fa"></i> <span class="nav-label">${menu2.name}</span></a>
                                                    </li>
                                                     </js-code>
                                                 </js-code>
                                            </ul>
                                        </li>
                                        </js-code>
                                    </js-code>
                            </ul>

                        </li>
                </js-code>
            </js-code>
        </ul>
    </div>
</nav>
{{/index}}